{extend name="layout" /}
{block name="content"}
<div class="row">
    <div class="col-xs-6">
        <form id="searchForm">
            <div class="seardiv" style="width: 15%;float: left;">
                <select name="isvip" class="form-control input-sm">
                    <option value="">荣耀会员</option>
                    <option value="1">是</option>
                    <option value="0">否</option>
                </select>
            </div>
            <div class="seardiv" style="width: 15%;float: left;">
                <select name="dealerid" class="form-control input-sm">
                    <option value="">请选择经销商</option>
                    {volist name="deallist" id="v"}
                    <option value="{$key}">{$v}</option>
                    {/volist}
                </select>
            </div>
            <div class="seardiv" style="width: 20%;float: left;">
                <input class="form-control input-sm" placeholder="请选择开始时间" type="text" name="startdate" id="startdate"
                    AUTOCOMPLETE="off" value="">
            </div>
            <div class="seardiv" style="width: 20%;float: left;">
                <input class="form-control input-sm" placeholder="请选择结束时间" type="text" name="enddate" id="enddate"
                    AUTOCOMPLETE="off" value="">
            </div>
            <div class="input-group input-group-sm demoTable" style="width: 30%;float: left;">
                <input type="text" class="form-control input-sm" name="keywords" id="demoReload" autocomplete="off"
                    placeholder="请输入姓名或手机号">
                <span class="input-group-btn">
                    <button type="button" class="btn btn-info btn-flat layui-btn" data-type="reload">搜 索</button>
                </span>
            </div>
        </form>
    </div>
    <div class="col-xs-6 demoTable" style="text-align: right">
        <button class="btn btn-success layui-btn" data-type="getCheckData">添加到标签</button>
    </div>
</div>
<table class="layui-table"
    lay-data="{height: 'full-75', cellMinWidth: 80, page: true,id: 'lists',limit:100, url:'{:url('tag_user_list')}'}"
    lay-filter="lists">
    <thead>
        <tr>
            <th lay-data="{type:'checkbox'}">ID</th>
            <th lay-data="{field:'userid', sort: true, fixed: 'right', width:80, align:'center'}">UID</th>
            <th lay-data="{field:'realname'}">姓名</th>
            <th lay-data="{field:'phone'}">手机号</th>
            <th lay-data="{field:'rolename'}">用户类型</th>
            <th lay-data="{field:'isvip'}">荣耀会员</th>
            <th lay-data="{field:'dealer'}">所属经销商</th>
            <th lay-data="{field:'addtime'}">注册时间</th>
            <th lay-data="{fixed: 'right', width:180, align:'center', toolbar: '#barDemo'}">操作</th>
        </tr>
    </thead>
</table>
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="edit_tag">标签管理</a>
</script>
{/block}
{block name="script"}
<script type="text/javascript">
    layui.use('table', function () {
        var table = layui.table;
        var $ = layui.$, active = {
            reload: function () {
                var demoReload = $('#demoReload');
                //执行重载
                table.reload('lists', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    , where: $('#searchForm').serializeObject()
                });
            },
            getCheckData: function () {
                var checkStatus = table.checkStatus('lists');
                var data = checkStatus.data;
                var nums = data.length;
                var items = '';
                $(data).each(function (index, item) {
                    items += item.userid + ',';
                });
                if (nums == 0) {
                    layer.msg("请至少选择1项进行操作！");
                    return false;
                }
                layui.use('layer', function () {
                    var layer = layui.layer;
                    layer.open({
                        type: 2,
                        area: ['700px', '530px'],
                        fixed: false, //不固定
                        maxmin: true,
                        content: "{:url('choose_tag')}" + "?items=" + items,
                        title: "选择标签",
                        shade: [0.8, '#000000'],
                        btn: ['确定', '取消'],
                        yes: function (index, layero) {
                            var iframeWin = window[layero.find('iframe')[0]['name']];
                            formobj = iframeWin.$("form");
                            ajaxUrl = formobj.attr("action");
                            if (ajaxUrl == undefined || ajaxUrl == '') {
                                ajaxUrl = defaultSaveUrl;
                            }
                            datajson = formobj.serialize();
                            searchMap.postData = datajson;
                            $.post(ajaxUrl, searchMap, function (datajson) {
                                if (datajson.status == 1) {
                                    layer.msg("操作成功", function () {
                                        layer.closeAll();
                                    });
                                }
                                else {
                                    layer.msg(datajson.msg);
                                    return false;
                                }
                            }, 'json');
                        }
                    });
                });

                // $(this).attr("items", items);
                // cocoAjaxAction(this, table);
            }
        };
        $('.demoTable .layui-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
</script>
<script type="text/javascript">
    function edit_tag(data) {
        console.dir(data);
        var layindex = layer.open({
            type: 2,
            area: ['800px', '600px'],
            fixed: false, //不固定
            maxmin: true,
            content: APP_URL + "/admin/tag/choose_tag?userid=" + data.userid,
            title: '选择标签',
            btn: ['确定', '取消'],
            shade: [0.8, '#000000'],
            yes: function (index, layero) {
                //parent.$('#parentIframe').text('我被改变了');
                var iframeWin = window[layero.find('iframe')[0]['name']];
                formobj = iframeWin.$("form");
                ajaxUrl = formobj.attr("action");
                if (ajaxUrl == undefined || ajaxUrl == '') {
                    ajaxUrl = defaultSaveUrl;
                }
                datajson = formobj.serialize();
                searchMap.postData = datajson;
                $.post(ajaxUrl, searchMap, function (datajson) {
                    var serializeObj = {};
                    if (datajson.status == 1) {
                        $(formobj.serializeArray()).each(function () {
                            serializeObj[this.name] = this.value;
                        });
                        layer.msg("操作成功", function () {
                            layer.closeAll();
                        });
                        setTimeout(function () {
                            location.reload();
                        }, 300);
                    }
                    else {
                        layer.msg(datajson.msg);
                        return false;
                    }
                }, 'json');
            }
        });
    }
</script>
<script type="text/javascript">
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#startdate'
            , type: 'date'
            // ,value: "{:date('Y-m-d')}" + " 00:00:00"
        });
        laydate.render({
            elem: '#enddate'
            , type: 'date'
            // ,value: "{:date('Y-m-d H:i:s')}"
        });
    });
</script>
{/block}